#home_page {
	min-height: calc(100% - 0.8rem);
}
.content {
	position: relative;
}
/* 横幅 */

.banner_all {
	position: relative;
}
.progress {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.5rem;
	/*outline: 1px solid;*/
	/*width: 100%;*/
	height: 0.2rem;
	text-align: center;
	font-size: 0;
}
.progress_item {
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
	border-radius: 0.1rem;
	background: #3C3C3C;
	margin-left: 0.1rem;
	cursor: pointer;
}
.progress_item:first-child {
	margin: 0;
}
/*左右按钮*/
.banner_left_btn,.banner_right_btn {
	position: absolute;
	width: 0.52rem;
	height: 0.52rem;
	background: url(../../assets/img/home_page/banner_left.png) center / 100%;
	cursor: pointer;
	top: 2.14rem;
	left: 0.8rem;
	opacity: 0.5;
	transition-duration: 0.1s;
}
.banner_left_btn:hover,.banner_right_btn:hover {
	opacity: 1;
}
.banner_right_btn {
	left: auto;
	right: 0.8rem;
	background: url(../../assets/img/home_page/banner_right.png) center / 100%;
}

.banner {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	white-space : nowrap;
	font-size: 0;
}
.banner::-webkit-scrollbar {
	height: 0;
}
.banner_panel {
	display: inline-block;
	width: 100%;
	height: 4.8rem;
	background: url(../../assets/img/home_page/banner.png) no-repeat 
				center / 19.2rem 4.8rem;
}

.banner1_content {
	width: 11.64rem;
	margin: 0 auto;
	/*outline: 1px solid red;*/
}
.banner1_btn {
	width: 3.16rem;
	height: 0.56rem;
	margin-top: 3.58rem;
	border-radius: 0.28rem;
	cursor: pointer;
}

/*
.banner_text {
	line-height: 0.6rem;
	font-size: 0.6rem;
	font-family: "幼圆";
	font-weight: bold;
	color: white;
	letter-spacing: 0.02rem;
}
.banner_text:nth-child(2) {
	margin-top: 0.2rem;
	letter-spacing: 0.06rem;
}
.banner_btn {
	width: 3.16rem;
	height: 0.56rem;
	line-height: 0.56rem;
	margin-top: 0.58rem;
	text-align: center;
	font-size: 0.24rem;
	font-weight: bold;
	color: white;
	background: #fdc031;
	border-radius: 0.28rem;
	cursor: pointer;
	letter-spacing: 0.03rem;
}*/

/* 发展阶段 */
.stage {
	padding-top: 0.54rem;
	padding-bottom: 1rem;
	background: #fafaf1;
	/*outline: 1px solid red;*/
}
.stage_title {
	margin: 0 auto;
	width: 12.08rem;
	text-align: center;
	color: #333333;
	line-height: 0.4rem;
	font-size: 0.4rem;		
}
.stage_content {
	width: 12rem;
	margin: 0.23rem auto 0 auto;
	text-align: center;
	color: #666666;
	line-height: 0.32rem;
	font-size: 0.22rem;	
	/*outline: 1px solid red;*/
}
.stage_img {
	/*outline: 1px solid red;*/
	margin: 0 auto;
	margin-top: 0.83rem;
	width: 12.29rem;
	height: 5.42rem;
	background: url(../../assets/img/home_page/stage.png) no-repeat
				center / 100%;
}

/* 优势 */
.good {
	width: 12.38rem;
	margin: 0 auto;
	padding: 0 0.15rem;
	overflow: hidden;
	/*outline: 1px solid red;*/
}
.good_title {
	text-align: center;
	padding: 0.54rem 0 0.74rem 0;
	line-height: 0.4rem;
	font-size: 0.4rem;
	color: #333333;
}
.good_panel {
	position: relative;
	width: 3.72rem;
	height: 2.8rem;
	float: left;
	margin-bottom: 0.3rem;
	border-radius: 0.1rem;
	box-shadow : 0 0 0.16rem 0.01rem rgba(54,169,124,0.1);		
	overflow: hidden;
}
.good_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 100%;*/
	height: 2.06rem;
	transition-duration: 0.3s;
}
.good_img {
	width: 3.72rem;
	height: 2.06rem;
}
.good_text_1 {
	padding: 0.12rem 0 0 0.2rem;
	line-height: 0.22rem;
	font-size: 0.22rem;
	color: #333333;
}
.good_text_2 {
	padding: 0.1rem 0 0 0.2rem;
	line-height: 0.18rem;
	font-size: 0.18rem;
	color: #666666;
}
.good_panel:hover {
	.good_mask {
		background: rgba(0,0,0,0.4);
	}
}
.good_panel:nth-child(3n+2) {
	margin: 0 0.46rem;
}
.good_panel:nth-child(1) .good_img{
	background: url(../../assets/img/home_page/good_1.png) no-repeat
				center top / 3.72rem 2.06rem;
}
.good_panel:nth-child(2) .good_img{
	background: url(../../assets/img/home_page/good_2.png) no-repeat
				center top / 3.72rem 2.06rem;
}
.good_panel:nth-child(3) .good_img{
	background: url(../../assets/img/home_page/good_3.png) no-repeat
				center top / 3.72rem 2.09rem;
}
.good_panel:nth-child(4) .good_img{
	background: url(../../assets/img/home_page/good_4.png) no-repeat
				center top / 3.72rem 2.09rem;
}
.good_panel:nth-child(5) .good_img{
	background: url(../../assets/img/home_page/good_5.png) no-repeat
				center top / 3.72rem 2.09rem;
}
.good_panel:nth-child(6) .good_img{
	background: url(../../assets/img/home_page/good_6.png) no-repeat
				center top / 3.72rem 2.09rem;
}

/* 解决问题能力 */
.power {
	width: 12.08rem;
	margin: 0 auto;
	
}

.power_title {
	text-align: center;
	padding: 0.5rem 0 0.96rem 0;
	line-height: 0.48rem;
	font-size: 0.4rem;
	color: #333333;
}

.power_img {
	width: 12.08rem;
	height: 4.35rem;
	background: url(../../assets/img/home_page/power.png) center / 100%;
	margin-bottom: 1.8rem;
}

/* 5步教学法 */
.teach_fun {
	height: 8.58rem;
	background: url(../../assets/img/home_page/teach_fun.png) no-repeat
				center / 19.2rem 8.58rem;
}
.teach_fun_title {
	text-align: center;
	padding-top: 0.54rem;
	line-height: 0.4rem;
	font-size: 0.4rem;
	color: #333333;
}

.teacher {
	padding-top: 0.54rem;
	/*padding-bottom: 1rem;*/
	background: #fafaf1;
}
.teacher_title {
	padding: 0.54rem 0 0.98rem 0;
	text-align: center;
	line-height: 0.4rem;
	font-size: 0.4rem;
	color: #333333;
}
.teacher_content {
	width: 12.81rem;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 1.3rem;
	/*outline: 1px solid red;*/
}
.teacher_panel {
	width: 4.27rem;
	float: left;
}
.teacher_img {
	margin: 0 auto;
	width: 3.55rem;
	height: 3.58rem;
}
.teacher_panel:nth-child(1) .teacher_img {
	background: url(../../assets/img/home_page/teacher_1.png) center / 100%;
}
.teacher_panel:nth-child(2) .teacher_img {
	background: url(../../assets/img/home_page/teacher_2.png) center / 100%;
}
.teacher_panel:nth-child(3) .teacher_img {
	background: url(../../assets/img/home_page/teacher_3.png) center / 100%;
}
.teacher_name {
	padding: 0.2rem 0 0.34rem 0;
	text-align: center;
	font-size: 0.28rem;
	line-height: 0.28rem;
	color: #333333;
}
.teacher_text {
	width: 3.3rem;
	margin: 0 auto;
	text-align: center;
	font-size: 0.22rem;
	line-height: 0.3rem;
	color: #666666;
	/*outline: 1px solid blue;*/
}


/* 能力 */
.ability {
	width: 12.12rem;
	height: 7.24rem;
	margin: 0 auto;
	/*outline: 1px solid red;*/
}
.ability_title {
	padding: 1.2rem 0 0.76rem 0;
	text-align: center;
	line-height: 0.4rem;
	font-size: 0.4rem;
	color: #333333;
}
.ability_panel {
	float: left;
	width: 3.03rem;
	height: 2.44rem;
	line-height: 2.44rem;
	text-align: center;
	color: white;
	font-size: 0.28rem;
}
.ability_panel:hover {
	transition-duration: 0.5s;
	transform : scale(1.05);
}
.ability_content {
	width: 100%;
	height: 100%;
	transition-duration: 0.5s;
	text-shadow: 0 0 0.5em rgba(11,11,11,1);
}
.ability_content:hover {
	box-shadow : 0 0 0.2rem 0 rgba(119,163,146,0.3);
	text-shadow: none;
	color: #333333;
}
.ability_panel:nth-child(1) {
	background: url(../../assets/img/home_page/ability_1.png) center / 100%;
	.ability_content {
		background: rgba(248,234,128,0.1);
	}
	.ability_content:hover {
		background: rgb(248,234,128);
	}
}
.ability_panel:nth-child(2) {
	background: url(../../assets/img/home_page/ability_2.png) center / 100%;
	.ability_content {
		background: rgba(162,228,178,0.1);
	}
	.ability_content:hover {
		background: rgb(162,228,178);
	}
}
.ability_panel:nth-child(3) {
	background: url(../../assets/img/home_page/ability_3.png) center / 100%;
	.ability_content {
		background: rgba(248,234,128,0.1);
	}
	.ability_content:hover {
		color: #333333;
		background: rgb(248,234,128);
	}
}
.ability_panel:nth-child(4) {
	background: url(../../assets/img/home_page/ability_4.png) center / 100%;
	.ability_content {
		background: rgba(162,228,178,0.1);
	}
	.ability_content:hover {
		background: rgb(162,228,178);
	}
}
.ability_panel:nth-child(5) {
	background: url(../../assets/img/home_page/ability_5.png) center / 100%;
	.ability_content {
		background: rgba(162,228,178,0.1);
	}
	.ability_content:hover {
		background: rgb(162,228,178);
	}
}
.ability_panel:nth-child(6) {
	background: url(../../assets/img/home_page/ability_6.png) center / 100%;
	.ability_content {
		background: rgba(248,234,128,0.1);
	}
	.ability_content:hover {
		background: rgb(248,234,128);
	}
}
.ability_panel:nth-child(7) {
	background: url(../../assets/img/home_page/ability_7.png) center / 100%;
	.ability_content {
		background: rgba(162,228,178,0.1);
	}
	.ability_content:hover {
		background: rgb(162,228,178);
	}
}
.ability_panel:nth-child(8) {
	background: url(../../assets/img/home_page/ability_8.png) center / 100%;
	.ability_content {
		background: rgba(248,234,128,0.1);
	}
	.ability_content:hover {
		background: rgb(248,234,128);
	}
}

/* 团队 */
.team {
	height: 2.84rem;
	margin-top: 1.28rem;
	padding-top: 0.72rem;
	background: url(../../assets/img/home_page/team.png) center / 19.2rem 2.84rem ;
	text-align: center;
}
.team_title {
	line-height: 0.4rem;
	font-size: 0.4rem;
	color: #333333;
}
.team_content {
	margin-top: 0.28rem;
	line-height: 0.22rem;
	font-size: 0.22rem;
	color: #666666;
}

.audition {
	width: 12.02rem;
	height: 7.61rem;
	margin: 0 auto;
	text-align: center;
	/*outline: 1px solid red;*/
}
.audition_title {
	padding: 0.54rem 0 0.76rem 0;
	line-height: 0.4rem;
	font-size: 0.4rem;
	color: #333333;
}
.audition_panel {
	position: relative;
	width: 3.74rem;
	height: 4.94rem;
	float: left;
	margin-left: 0.4rem;
	overflow: hidden;
	border-radius: 0.1rem;
	box-shadow: 0 0 0.16rem 0 rgba(49,146,108,0.1);
}

.audition_mask {
	height: 0.08rem;
	transition-duration: 0.5s;
}

/*在线报名*/
.audition_panel:nth-child(1) {
	margin: 0;
	
	.audition_img {
		background: url(../../assets/img/home_page/audition_1.png) no-repeat
					center / contain;
	}
	.audition_content {
		color: rgb(53,169,124);
	}
	.audition_mask {
		background: rgb(53,169,124);
	}
}
/*顾问预约*/
.audition_panel:nth-child(2) {
	.audition_img {
		background: url(../../assets/img/home_page/audition_2.png) no-repeat
					center / contain;
	}
	.audition_content {
		color: #fdc031;
	}
	.audition_mask {
		background: #fdc031;
	}
}
/*开始上课*/
.audition_panel:nth-child(3) {
	.audition_img {
		background: url(../../assets/img/home_page/audition_3.png) no-repeat
					center / contain;
	}
	.audition_content {
		color: #5dc4ff;
	}
	.audition_mask {
		background: #5dc4ff;
	}
}

/* 鼠标覆盖样式 */
.audition_panel:hover {
	box-shadow: 0 0 0.4rem 0 rgba(49,146,108,0.2);
	.audition_mask {
		height: 100%;
	}
	.audition_content,.audition_text_3 {
		color: white;
	}
}
.audition_panel:nth-child(1):hover {
	.audition_img {
		background: url(../../assets/img/home_page/audition_1_active.png) no-repeat
					center / contain;
	}
}
.audition_panel:nth-child(2):hover {
	.audition_img {
		background: url(../../assets/img/home_page/audition_2_active.png) no-repeat
					center / contain;
	}
}
.audition_panel:nth-child(3):hover {
	.audition_img {
		background: url(../../assets/img/home_page/audition_3_active.png) no-repeat
					center / contain;
	}
}
/*面板内容样式*/
.audition_content {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 0.94rem;
	transition-duration: 0.5s;
}
.audition_img {
	height: 1.34rem;
	transition-duration: 0.5s;
}
.audition_text_1 {
	line-height: 0.28rem;
	font-size: 0.28rem;
	font-weight: bold;
	margin-top: 0.42rem;
}
.audition_text_2 {
	line-height: 0.28rem;
	font-size: 0.28rem;
	margin: 0.1rem 0 0.15rem 0;
}
.audition_text_3 {
	color: #666666;
	line-height: 0.26rem;
	font-size: 0.2rem;
	transition-duration: 0.5s;
}

.promise {
	height: 5.54rem;
	background: #f4f4f4;
}
.promise_title {
	padding: 0.54rem 0 0.76rem 0;
	width: 12rem;
	margin: 0 auto;
	text-align: center;
	font-size: 0.4rem;
	line-height: 0.4rem;
	color: #333333;
}
.promise_content {
	width: 12.12rem;
	height: 3.84rem;
	margin: 0 auto;
	/*outline: 1px solid blue;*/
}
.promise_panel {
	
	float: left;
	margin-left: 2.61rem;
	width: 2.3rem;
	height: 3.84rem;
	text-align: center;
	/*outline: 1px solid red;*/
}
.promise_img {
	height: 1.7rem;
}
.promise_panel:nth-child(1) {
	margin: 0;
	.promise_img {
		background: url(../../assets/img/home_page/promise_1.png) no-repeat
	 			center top / 1.38rem;
	}
}
.promise_panel:nth-child(2) {
	.promise_img {
		background: url(../../assets/img/home_page/promise_2.png) no-repeat
	 			center top / 1.38rem;
	}
}
.promise_panel:nth-child(3) {
	.promise_img {
		background: url(../../assets/img/home_page/promise_3.png) no-repeat
	 			center top / 1.38rem;
	}
}
.promise_text_1 {
	line-height: 0.28rem;
	font-size: 0.28rem;
	color: #333333;
}
.promise_text_2 {
	padding-top: 0.16rem;
	line-height: 0.26rem;
	font-size: 0.2rem;
	color: #666666;
}


/*底部悬浮广告*/
.bottom_seat {
	height: 0.7rem;
	background: #f4f4f4;
}
.bottom {
	width: 100%;
	height: 0.7rem;
	background: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.bottom_content {
	position: relative;
	width: 12.1rem;
	height: 0.7rem;
	margin: 0 auto;
}
.bottom_logo {
	position: absolute;
	bottom: 0;
	left: 0.1rem;
	width: 1.59rem;
	height: 1.08rem;
	background-image: url(../../assets/img/home_page/bottom_logo.png);
	background-size: 100%;
}
.bottom_fixed {
	position: fixed;
	
	.bottom_content {
		left: -0.05rem;
	}
}